<!DOCTYPE html>
<html ng-app="sc_shop_app">

<head>
  <meta charset="utf-8">
  <title>意见反馈详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link rel="stylesheet" href="../js/mui/css/mui.min.css">
  <link rel="stylesheet" href="../css/main.css">
  <link href="../nightly/css/ionic.css" rel="stylesheet">
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../js/mui/css/app.css" />
  <link href="../js/mui/css/mui.picker.css" rel="stylesheet" />
  <link href="../js/mui/css/mui.poppicker.css" rel="stylesheet" />
  <!--<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />-->
  <link href="../js/alertifyjs/css/alertify.css" rel="stylesheet">

  <script src="../js/spin.js"></script>
  <script src="../js/moment.min.js"></script>
  <script src="../js/mui/js/mui.min.js"></script>
  <script src="../js/allJs.js"></script>
  <style>
    .padding-content {
      top: 6em;
      padding-left: 0;
      padding-right: 0;
      background: #ddd;
      background-color: #ddd;
    }
    
    .titles {
      margin-top: .3em;
      /*        width: 100%;*/
      height: 3.5em;
      background-color: #ddd;
    }
    
    .title_left {
      float: left;
      line-height: 3.2em;
      font-size: 1.2em;
      padding-left: 1em;
    }
    
    .title_right {
      float: right;
      line-height: 3.2em;
      font-size: 1.2em;
      padding-right: 1em;
    }
    
    #BgDiv {
      background-color: #7A7676;
      position: absolute;
      z-index: 99;
      left: 0;
      top: 0;
      display: none;
      width: 100%;
      height: 1000px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
    }
  </style>

</head>


<body>
  <div id="BgDiv"></div>
  <ion-view ng-controller="SuggestionDetailCtrl" style="background-color:#f00">
    <header class="mui-bar mui-bar-nav">
      <a ng-click="goback()" class="suggestion-back mui-icon mui-icon-left-nav"></a>
      <h1 class="mui-title">意见反馈详情</h1>
      <button ng-if="suggestion_detail.status == 1" ng-click="cancelSuggestion(id)"  class="mui-pull-right mui-btn-link">撤销</button>
    </header>
    <ion-content class="padding-content">

      <div style="width:100%;background-color:#ddd;"></div>
      <div class="titles">
        <span class="title_left">{{suggestion_detail.create_time}}</span>
        <div class="title_right" ng-if="suggestion_detail.status ==1"><span class="text-origin">已提交</span></div>
        <div class="title_right" ng-if="suggestion_detail.status ==2"><span>已处理</span></div>
        <div class="title_right" ng-if="suggestion_detail.status ==0"><span>已取消</span></div>
      </div>
      <div style="width:100%;background-color:#fff;padding:1em;    font-size: 1.2em;">
        <span style="float:left;">  内容摘要：{{suggestion_detail.content}}</span>
      </div>
      <div class="titles" style="margin-top: 2em;    font-size: 1.2em;" ng-show="suggestion_detail.status ==2">
        <span class="title_left">处理结果：</span>
        <div class="title_right"><span>{{suggestion_detail.update_time}}</span></div>
      </div>
      <div style="width:100%;height:10em;background-color:#fff;padding:1em;    font-size: 1.2em;" ng-show="suggestion_detail.status ==2">
        <span style="float:left;">  内容摘要：{{suggestion_detail.handle_content}}</span>
      </div>

    </ion-content>

  </ion-view>
</body>